<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,target-densitydpi=high-dpi,initial-scale=1,minimun-scale=1,user-scalable=no"/>
    <title>我要预约</title>
    <link rel='stylesheet' href="../css/comm.css"/>
    <link rel='stylesheet' href="../css/iconfont.css"/>
    <link rel='stylesheet' href="../css/bespeak.css"/>
    <link rel='stylesheet' href="../css/per/bespeak_time.css"/>
</head>
<body>
<!--头部-->
    <header class="bGDarkYellow">
        <header class="l-row lH45  cWhite edge-left-right">
            <div class="l-col-xs-1 right tR">
                <span class="iconfont icon-thin-r"></span>
            </div>
            <div class="l-col-xs-10 fS17 tC">
                我要预约
            </div>
            <div class="l-col-xs-1">
                <span class="iconfont icon-share"></span>
            </div>
        </header>
        <section class="l-row userMess tC padd-t-10 padd-b-15">
            <div class="l-col-xs-3">
                <img src="../img/avater.png" class="avaterImg">
            </div>
            <div class="l-col-xs-9 tL padd-t-5">
                <p class="cWhite lH20 fS14">驾培网学员</p>
                <p class="cWhite lH17 fS14">驾培网学员</p>
            </div>
        </section>
    </header>
    <!--培训时间-->
    <section class="content">
        <div class="edge-left-right fS12 bGWhite edge-distance boxShadow">
            <i class="down-time"></i>
            <span class="lH30">今天是您学车的第5天，已培训12小时</span>
        </div>
    </section>
    <!--预约列表-->
    <section class="">
        <div class="l-row edge-left-right padd-t-10 padd-b-10">
            <div class="l-col-xs-1"><i class="arrow arrow-left"></i></div>
            <div class="l-col-xs-10 fS14 tC cYellow">2016年12月</div>
            <div class="l-col-xs-1 tR"><i class="arrow arrow-right"></i></div>
        </div>
        <!--日期列表-->
         <div class="date-list">
            <ul>
                <li>
                    <button>12-05(星期二)</button>
                </li>
                <li>
                    <button class="btn-br-yellow bR3">12-06(星期三)</button>
                </li>
                <li>
                    <button>12-05(星期二)</button>
                </li>
                <li>
                    <button class="">12-06(星期三)</button>
                </li>
                <li>

            </ul> <button>12-07(星期四)</button>
             </li>
         </div>
    </section>
    <!--日期预约内容列表-->
    <div class="date-content padd-t-10">
        <ul>
            <li class="l-row edge-left-right padd-t-10 padd-b-10 borderB">
                <div class="l-col-xs-4">09:00-10:00</div>
                <div class="l-col-xs-4 tC">预约满</div>
                <div class="l-col-xs-4 tC padd-l-5">
                    <div class="radio">
                        <input type="radio" id="radio1" name="bespeak" disabled >
                        <label for="radio1"></label>
                    </div>
                </div>
            </li>
            <li class="l-row edge-left-right padd-t-10 padd-b-10 borderB">
                <div class="l-col-xs-4">09:00-10:00</div>
                <div class="l-col-xs-4 tC">预约满</div>
                <div class="l-col-xs-4 tC  padd-l-5">
                    <div class="radio">
                        <input type="radio" id="radio2" name="bespeak"  disabled>
                        <label for="radio2"></label>
                    </div>
                </div>
            </li>
            <li class="l-row edge-left-right padd-t-10 padd-b-10 borderB">
                <div class="l-col-xs-4">09:00-10:00</div>
                <div class="l-col-xs-4 tC ">预约满</div>
                <div class="l-col-xs-4 tC  padd-l-5">
                    <div class="radio">
                        <input type="radio" id="radio3" name="bespeak"  disabled >
                        <label for="radio3"></label>
                    </div>
                </div>
            </li>
            <li class="l-row edge-left-right padd-t-10 padd-b-10 borderB">
                <div class="l-col-xs-4">09:00-10:00</div>
                <div class="l-col-xs-4 tC">可预约</div>
                <div class="l-col-xs-4 tC  padd-l-5">
                    <div class="radio">
                        <input type="radio" id="radio4" name="bespeak" checked>
                        <label for="radio4"></label>
                    </div>
                </div>
            </li>
        </ul>
    </div>
    <footer class="l-row padd-t-20 padd-b-20 edge-left-right">
        <div class="l-col-xs-6 tC">
            <button class="btn-br-yellow bR3 lH25 w70">确&nbsp;&nbsp;&nbsp;&nbsp;定</button>
        </div>
        <div class="l-col-xs-6 tC">
            <button class="btn-br-yellow bR3 lH25 w70">返&nbsp;&nbsp;&nbsp;&nbsp;回</button>
        </div>
    </footer>
</body>
</html>